@charset "utf-8";

@import "../_fontsize.scss";
.web {
    width: 100%;
    height: 100%;
    position: relative;
    background: #f3f4f6;
}
header {
    position: absolute;
    top: 0;
    width: 100%;
    height: r(88);
    background: #f7f7f7;
    border-bottom: 1px solid #c1c1c1;
    .record-Ltop {
        width: r(21);
        height: r(38);
        margin-top: r(25);
        a {
            width: r(21);
            height: r(38);
            margin-left: r(30);
            //      margin-top: r(25);
            display: block;

            img {
                width: 100%;
                height: 100%;
            }
        }
    }
   
    .record-Mtop {
        margin: 0 auto;
        text-align: center;
        line-height: r(87);
    }
   
}
section {
    position: absolute;
    top: r(88);
    width: 100%;
    bottom: r(100);
    overflow: scroll;
    background: #f3f4f6;
    .edit-content{
        width: 100%;
        height: r(171);
        background: #FFFFFF;
        border-bottom: 1px solid #E1E2E4;
        ul{width: 90%;
            height: 100%;
            margin: 0 auto;
            .fl{width: r(120);height: r(120);
            a{margin-top:r(25);
                display: block;
                height: 100%;
                width: 100%;
                border: 1px solid #E1E2E4;
                img{width: 100%;height: 100%;
                    
                }}
            }
            li.fr{width: r(440);
                height: 100%;
                
            
            p{margin-top:r(30);
                font-size: r(24);
                line-height: r(38);
                width: 100%;height: r(70);
                overflow: hidden;word-spacing: 2;text-overflow: ellipsis;
                display: -webkit-box;
               -webkit-line-clamp: 2;
            }
            h5{color:#666666;font-size: r(24);
                line-height:r(48) ;font-weight: 500;
            }
            }
        }
    }
    .edit-text{
        width: 100%;
        height: r(88);
        background: #FFFFFF;
        border-bottom: 1px solid #E1E2E4;
        >div{height: 100%;width: 40%;
            font-size: r(22);color:#000000;
            line-height: r(88);}
        .edit-text-l{
            text-indent: r(20);
        }
        .edit-text-f{
            width: 50%;
            text-align: right;
            padding-right: r(20);
        }
    }
    .edit{width: 100%; height: r(180);
     padding-top: r(14);
    background: #fff9e6;
    .edit-setting{
        width: 90%;
        height: r(90);
        background: #FFFFFF;
        margin: 0 auto;
       
        border-bottom: 1px solid #E1E2E4;
        >div{height: 100%;width: 40%;
            font-size: r(22);color:#000000;
            line-height: r(88);}
        .edit-setting-l{
            text-indent: r(20);
        }
        .edit-setting-f{
            width: 20%;
            text-align: left;
            padding-right: r(20);
            input{
                font-size: r(24);
                width:80%;
                height:r(89);
                border: none;
            }
        }
    }
    .edit-num{width: 100%;height: r(76);
    p{color: #000000;font-size: r(26);line-height: r(76);
        width: 40%;margin-left: r(20);display: inline-block;
       
    }
    .edit-num-f{
        text-align: right;
        color: #000000;margin-right:r(20) ;width: 40%;
        input{width: 40%;height: r(76);text-align:center;border: beige;background: transparent;
                line-height: r(75);margin-top: r(-5);
                color:#D62D31}
    }
}}
}
footer{
    width: 100%;
    height: r(99);
    border-top: 1px solid #DFDFDD;
    bottom: 0;
    position: absolute;
    background: #FFFFFF;
    .edit-save{
        width:r(270);
        height: r(70);
        background: #E33030;
        border-radius: 7px;
        margin: 0 auto;
        color:#FFFFFF;
        text-align: center;
        margin-top: r(15);
        line-height: r(70);
    a{color:#FFFFFF;}
    }
}
